<html>
<head>
	<!-- <link rel="stylesheet"href="bootstrap-3.3.2-dist/css/bootstrap.css"> -->
	
</head>

<meta http-equiv="content-type"content="text/html;charset=utf-8"/>

<body>
<!-- JQUERY -->
<script src="jquery-ui-1.11.3/external/jquery/jquery.js"></script>

<!-- J ui -->
<link href="jquery-ui-1.11.3/jquery-ui.css" rel="stylesheet">

<!-- SPECTRUM -->
<script src='spectrum-master/spectrum.js'></script>
<link rel='stylesheet' href='spectrum-master/spectrum.css' />
<style type="css/text">

</style>
<form align="center">
<div>
	<h3>test jquery</h3>
</div>	


<h2 class="demoHeaders">SPECTRUM</h2>
<input id='colorpicker' />

<script>
$("#colorpicker").spectrum({
    color: "#f00"
});
</script>




<h2 class="demoHeaders">Tabs</h2>
<div id="tabs">
	<ul>
		<li><a href="#tabs-1">vinh01</a></li>
		<li><a href="#tabs-2">vinh02</a></li>
		<li><a href="#tabs-3">vinh03</a></li>
	</ul>
	<div id="tabs-1">VINH01....</div>
	<div id="tabs-2">vinh02....</div>
	<div id="tabs-3">vinh03....</div>
</div>



<script src="jquery-ui-1.11.3/jquery-ui.js"></script>
<script>


$( "#tabs" ).tabs();

</script>
</form>

</body>
</html>